<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>首页</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/banner.css" rel="stylesheet" />
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 轮播图 CSS 文件 -->
    <link rel="stylesheet" href="css/banner.css" type="text/css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <!-- 顶部 -->
    <ul class="top-nav clearfix">
        <li class="active"><a href="index.html">推荐</a></li>
        <li class=""><a href="">路线</a></li>
        <li class=""><a href="temple.html">寺庙</a></li>
        <li class=""><a href="photos.html">相册</a></li>
    </ul>

    <!-- 轮播图 -->
    <div class="banner index-banner">
        <div id="owl-banner" class="owl-carousel">
            <div><a href=""><img src="images/banner1.jpg" alt=""></a></div>
            <div><a href=""><img src="images/banner1.jpg" alt=""></a></div>
            <div><a href=""><img src="images/banner1.jpg" alt=""></a></div>
        </div>
    </div>

    <!-- 首页小分类 -->
    <div class="index-nav clearfix">
        <a href="" class="index-nav1">
            <div class="iconfont">&#xe625;</div>
            问答
        </a>
        <a href="futian.html" class="index-nav2">
            <div class="iconfont">&#xe601;</div>
            福田
        </a>
        <a href="" class="index-nav3">
            <div class="iconfont">&#xe616;</div>
            修行
        </a>
        <a href="" class="index-nav4">
            <div class="iconfont">&#xe628;</div>
            觉悟   
        </a>
    </div>

    <!-- 精选好文 -->
    <div class="temple-intr">
        <div class="container">
            <h4>
                <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>精选好文
                <a href="">更多<span class="iconfont">&#xe602;</span></a>
            </h4>
            <a href=""><img src="images/banner3.jpg" alt=""></a>
        </div>
    </div>

    <!-- 精选好文文章 -->
    <div class="temple-article" style="padding-bottom:0">
        <div class="temple-article-list clearfix">
            <div class="left">
                <a href=""><img src="images/img1.jpg" alt=""></a>
            </div>
            <div class="right">
                <h4><a href="">拜佛为何要烧香</a></h4>
                <p>烧香是佛教信众随缘而行的正常行为，早起。。。</p>
                <div class="views">1941</div>
            </div>
        </div>
        <div class="temple-article-list clearfix">
            <div class="left">
                <a href=""><img src="images/img2.jpg" alt=""></a>
            </div>
            <div class="right">
                <h4><a href="">拜佛为何要烧香</a></h4>
                <p>烧香是佛教信众随缘而行的正常行为，早起。。。</p>
                <div class="views">1941</div>
            </div>
        </div>
    </div>

    <!-- 热门话题 -->
    <div class="hot-topic temple-intr">
        <div class="container">
            <h4>
                <div class="tip-icon"><span class="iconfont">#</span></div>热门话题
                <a href="">更多<span class="iconfont">&#xe602;</span></a>
            </h4>
            <div id="owl-topic" class="owl-carousel">
                <div><a href=""><img src="images/banner4.jpg" alt=""><div class="topic-mask">话题</div></a></div>
                <div><a href=""><img src="images/banner4.jpg" alt=""><div class="zb-mask">直播</div></a></div>
                <div><a href=""><img src="images/banner4.jpg" alt=""><div class="topic-mask">话题</div></a></div>
            </div>
        </div>
    </div>

    <!-- 觉悟禅品 -->
    <div class="chanpin">
        <div class="container">
            <h4>
                <div class="tip-icon"><span class="iconfont">&#xe609;</span></div>觉悟禅品
            </h4>
            <div class="chanpin-top">
                <a href=""><img src="images/banner3.jpg" alt=""></a>
                <p><a href="">拥有属于你的 [手工草业玛瑙檀木笔]</a></p>
            </div>
            <div class="chanpin-bottom clearfix">
                <div class="chanpin-list">
                    <a href=""><img src="images/img1.jpg" alt=""></a>
                    <p>拥有属于你 </p>
                </div>
                <div class="chanpin-list" style="margin:0 5%">
                    <a href=""><img src="images/img2.jpg" alt=""></a>
                    <p>拥有属于你 </p>
                </div>
                <div class="chanpin-list">
                    <a href=""><img src="images/img1.jpg" alt=""></a>
                    <p>拥有属于你 </p>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部导航 -->
    <div class="foot-nav clearfix">
        <a href="" class="active">
            <div class="iconfont">&#xe604;</div>
            首页
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe70b;</div>
            活动
        </a>
        <a href="" class="publish">
            <div class="publish-btn"><span class="iconfont">&#xe608;</span></div>
            发布
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe619;</div>
            社区
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe66d;</div>
            我的    
        </a>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- banner文件 -->
    <script src="js/banner.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script>
        jQuery(function($) {
            $("#owl-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                autoPlay: 6000,
                navigation: true,
                navigationText: ["",""],
            });
            $("#owl-topic").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                autoPlay: 6000,
                navigation: true,
                navigationText: ["",""],
            });
        });
    </script>
</body>
</html>
